<template>
    <div class="m-product-select">
        <dl class="tab">
            <dt>
                {{name}}
                <i class="el-icon-caret-bottom"></i>
            </dt>
            <dd>
                 <span class="select-title">{{name}}</span>
                 <span v-for="(item, index) in list" :key="index"  @click="getList(item)">{{item.name}}</span>
            </dd>
        </dl>
    </div>
</template>
<script>
export default {
  props: ["name", "list"],
  methods:{
      getList(e){
          console.log(e);
          //发送网络请求
      }
  }
};
</script>
